<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="Resource-type" content="Document" />
	<title>票付通平台数据统计</title>
	<style>
        *{padding: 0; margin: 0; }
        .navBox{position: fixed; width: 100%; z-index: 99999; background: #EEEEEE;}
        .iNavBox{width: 1200px; margin: 0 auto; }
		a{
            display: inline-block;
			width:74px;
			height:20px;
			font-size: 18px;
			color:white;
			background-color: #0797D9;
			padding: 5px;
			margin: 20px 10px;
			text-decoration: none;
		}
		.current {
			background-color: red;
		}
	</style>

	<!--[if IE]>
		<script type="text/javascript">
			console.log('ie')
		</script>
	<![endif]-->

	<script language="javascript" src="http://www.12301.cc/js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('#fullpage').fullpage({
				verticalCentered: false,
				sectionsColor: ['#fff', '#fff', '#fff', '#fff', '#fff', '#fff'],
				anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6'],
				menu: '#menu',
				afterLoad: function(anchorLink, index){
					var pages = [
						'http://www.12301.cc/module/wxh/monthly/sale.html',
						'http://www.12301.cc/module/wxh/monthly/paystatus.html',
						'http://www.12301.cc/module/wxh/monthly/index.html',
						'http://www.12301.cc/module/wxh/monthly/platform.html',
						'http://www.12301.cc/module/wxh/monthly/chart.html',
						'http://www.12301.cc/module/wxh/monthly/active.html',
					];
					$(".iNavBox > a").each(function() {
						$(this).css('background-color', '#0797D9');
					})
					$("#page" + index).css('background-color' , '#FF8100')

					var real_index = index - 1;
					if ($("#section" + real_index).has("iframe").length) {
					 	return;
					}
					$("#section" + real_index).append(
						'<iframe src="'+ pages[real_index] +'" style="width:100%;height:100%;" frameborder="0"></iframe>'
					)
				}
			});

		});
	</script>
</head>
<body>

<div class="navBox" >
    <div class="iNavBox">
        <a href="#page1" id="page1">销售趋势</a>
        <a href="#page2" id="page2">支付方式</a>
        <a href="#page3" id="page3">平台运营</a>
        <a href="#page4" id="page4">运营费用</a>
        <a href="#page5" id="page5">渠道分销</a>
        <a href="#page6" id="page6">活跃用户</a>
    </div>
</div>
	<div id="fullpage">
		<div class="section" id="section0">
		</div>
		<div class="section" id="section1">
		</div>
		<div class="section" id="section2">
		</div>
		<div class="section" id="section3">
		</div>
		<div class="section" id="section4">
		</div>
		<div class="section" id="section5">
		</div>
	</div>
</body>
</html>